@charset "utf-8";
/*主色*/
:root{--color: #1CA7FF;}
/* 基础 */
::-webkit-scrollbar{width:8px;height:8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track{background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);background-color: #555;}
::-webkit-scrollbar-thumb:hover{background:var(--color);}
*,::after,::before{box-sizing:border-box;}
html{margin:0;padding:0;border:0;}
body,div,span,h1,h2,h3,h4,p,a,em,img,dl,dt,dd,ol,ul,li{margin:0;padding:0;border:0;}
body{background:#fff;position:relative;font-size:100%;font:14px/1.5 微软雅黑,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
a:link{color:#fff;}
a:visited{color:#666;}
ul,ol,li{list-style-type:none;}
.wrap{width: 90%;margin: 20px auto;}
.title{display: flex;justify-content: space-between;color: #333;font-size: 20px;line-height: 42px;margin-bottom: 20px;}
.title a{position: relative;display: inline-block;border: 1px solid #eaeaea;padding: 0 20px;font-size: 14px;line-height: 40px;overflow: hidden;border-radius: 4px;color: #666;background: #f2f2f2;user-select: none;vertical-align: middle;}
.title a:hover,.title a.active{color: #fff;border: 1px solid var(--color);background: var(--color);}
.city_list{margin: 10px auto;border: 1px solid #eaeaea;}
.city_list .item{position: relative;display: flex;flex-wrap: nowrap;padding: 25px 20px;padding-left: 0;border-bottom: 1px solid #eaeaea;}
.city_list .item:hover{background: #fafafa;}
.city_list .item:last-child{border-bottom: 0;}
.city_list .item:before{position:absolute;content:"";left:0;right:0;top: -1px;bottom:0;border: 2px solid var(--color);opacity: 0;transition: all .5s;}
.city_list .item:hover:before{opacity: 1;box-shadow:0 5px 40px 0 rgba(0,0,0,.2);}
.city_list .item dt{position: relative;flex: 0 0 7.333333%;max-width: 7.333333%;text-align: right;color: #999;font-size: 16px;line-height: 38px;padding: 5px;}
.city_list .item dt a{color:var(--color);}
.city_list .item dd{position: relative;flex: 0 0 92.666667%;max-width: 92.666667%;padding-left: 10px;z-index: 1;}
.city_list .item dd a{position: relative;display: inline-block;border: 1px solid #eaeaea;padding: 0 20px;line-height: 38px;overflow: hidden;border-radius: 4px;color: #666;background: #f2f2f2;user-select: none;vertical-align: middle;margin: 5px;}
.city_list .item dd a:hover, .city_list .item dd a.active{color: #fff;background: var(--color);border-color: var(--color);}
@media all and (max-width:1200px){
.city_list .item dt{flex: 0 0 10.333333%;max-width: 10.333333%;}
.city_list .item dd{flex: 0 0 89.666667%;max-width: 89.666667%;}}
@media all and (max-width:1024px){
.city_list .item dt{flex: 0 0 12.333333%;max-width: 12.333333%;font-size: 14px;line-height: 33px;}
.city_list .item dd{flex: 00 87.666667%;max-width: 87.666667%;}
.city_list .item dd a{font-size: 13px;padding: 0 15px;line-height: 33px;}}
@media all and (max-width:640px){
.wrap{width: 94%;margin: 3% auto;}
.title{font-size: 18px;line-height: 32px;margin-bottom: 0;}
.title a{padding: 0 15px;font-size: 14px;line-height: 30px;}
.city_list{border: 0;}
.city_list .item{display: block;padding: 0;margin: 4% 0;border: 0;}
.city_list .item:before{display: none;}
.city_list .item:hover{background: none;}
.city_list .item dt{max-width: 100%;text-align: left;padding: 0;font-size: 15px;margin-bottom: 5px;}
.city_list .item dd{display: flex;flex-wrap: wrap;max-width: 100%;padding: 0;border-top: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
.city_list .item dd a{width: 25%;padding: 0 5px;line-height: 34px;text-align: center;background: #fff;margin: 0;border-radius: 0;border-left: 0;border-top: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.city_list .item dd a:hover{border-color: unset;}}